/*Cape Coastal CSS Document */


/* -------------------------------------- */
/* GENERAL/RESET CSS */
/* -------------------------------------- */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, img, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, border, tbody, tfoot, thead, tr, th {
	border: 0;
	outline: 0;
	vertical-align: baseline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}
a { text-decoration:none; }
ol, ul {
	list-style:none;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clear {
	clear:both
}
/* -------------------------------------- */
body {
	width: 100%;
	margin: 0;
	color:#000000;
	font:13px Arial, Helvetica, sans-serif;
	background:url(../images/bg-repeat3b.png) repeat;
}
/* Header Section */
#header {
	margin:0px auto;
	width:980px;
	height:auto;
	overflow:hidden;
	padding-top:20px;
}
#header .top-left {
	width:10px;
	height:100px;
	float:left;
	background:url(../images/top-left-curve.png) left;
}
#header .top-middle {
	width:960px;
	height:100px;
	float:left;
	background:url(../images/top-middle.png) repeat-x;
}
#header .top-right-main {
	width:650px;
	float:right;
}
#header .top-middle .logo {
	width:150px;
	margin:5px 0px 5px 13px;
	float:left;
}
#header h3 {
    color: #000000;
    float: right;
    font-family: "Times New Roman",Times,serif;
    font-size: 16px;
    text-align: right;
}
#header .login-text {
    color: #000000;
    float: right;
    font-size: 12px;
    margin: 8px 10px 0;
    text-align: right;
}
#header .top-middle .top-right-section {
	text-align:right;
	float:right;
	padding:10px 0px;
}
#header .top-middle .top-right-section img {
    float: right;
    margin-top: -4px;
    padding-right: 18px;
}
#header .top-right {
	width:10px;
	height:100px;
	float:left;
	background:url(../images/top-right-curve.png) right;
}
/* Menu Section */
#header .menu {
	height:50px;
	float:right;
}
#header .menu ul {
	padding:0px;
	margin:0px;
}
#header .menu li {
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline;
	color:#004087;
}
#header .menu .but {
	height:50px;
}
#header .menu .but a {
	padding:25px 0px 25px 10px;
	text-decoration:none;
	color:#004087;
	line-height:50px;
}
#header .menu .but a:hover {
	padding:25px 0px 25px 10px;
	background:url(../images/but.png) left no-repeat;
	color:#fff;
	text-decoration:none;
	line-height:50px;
}
#header .menu .but span {
	padding:25px 10px 25px 0px;
	text-decoration:none;
	color:#004087;
	line-height:50px;
}
#header .menu .but span:hover {
	padding:25px 10px 25px 0px;
	height:50px;
	background:url(../images/but.png) right no-repeat;
	color:#fff;
}
#header .menu .active {
	height:50px;
}
#header .menu .active a {
	padding:25px 0px 25px 10px;
	background:url(../images/but.png) left no-repeat;
	text-decoration:none;
	color:#fff;
	line-height:50px;
}
#header .menu .active a:hover {
	padding:25px 0px 25px 10px;
	background:url(../images/but.png) left no-repeat;
	text-decoration:none;
	color:#fff;
	line-height:50px;
}
#header .menu .active span {
	padding:25px 10px 25px 0px;
	height:50px;
	background:url(../images/but.png) right no-repeat;
	color:#fff;
}
#header .menu .active span:hover {
	padding:25px 10px 25px 0px;
	height:50px;
	background:url(../images/but.png) right no-repeat;
}
/* Menu Section */
/* Header Section */
/* wrapper Section */#wrapper {
	width:980px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	background-color:#FFF;
	text-align:center;
	padding:13px 0 28px;
}/* wrapper Section Ends */
/* Banner Section */
#banner {
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0px auto 38px auto;
	background-color:#FFF;
	text-align:center;
	border:3px solid #e0e0e0;
}
/* CAROUSEL */

.carousel {
	margin:  0;
	position:relative;
	height: 316px;
	width: 960px;
	overflow:hidden;
}
.carousel h2 {
	color: #fff;
}
.carousel .backgrounds {
	height: 316px;
}
.carousel .backgrounds .item {
	width: 960px;
	height: 316px;
	float:left;
	position:relative;
	z-index:1;
}
.carousel .backgrounds .item_1 {
	background:url(../images/banner-image1c.png) no-repeat 0 0;
}
.carousel .backgrounds .item_2 {
	background:url(../images/banner-image3b.png) no-repeat 0 0;
}
.carousel .backgrounds .item_3 {
	background:url(../images/banner-image4.png) no-repeat 0 0;
}
.carousel .panel {
	background:url(../images/banner-gradian2.png) repeat;
	color: #fff;
	position:absolute;
	right: 49px;
	height: 316px;
	width: 256px;
	z-index:10;
	top: 0px;
}
.carousel .panel .paging {
	position:absolute;
	bottom: 15px;
	left:25px;
	width: 225px;
	text-align:center;
}
.carousel .panel .paging a {
	color: #00457c;
	font-size: 1.1em;
}
.carousel .panel .paging .next {
	position:absolute;
	right:-42px;
	bottom:110px;
	display:block;
	width: 23px;
	height: 37px;
	background:url(../images/banner-arrow-right.png) no-repeat 0 0;
	text-indent: -6000px;
}
.carousel .panel .paging .previous {
	position:absolute;
	left:-657px;
	bottom:110px;
	display:block;
	width: 23px;
	height: 37px;
	background:url(../images/banner-arrow-left.png) no-repeat 0 0;
	text-indent: -6000px;
}
.carousel .panel .paging #numbers a {
	background:url(../images/pagination-but.png) no-repeat;
	padding:0px 5px;
	margin:0px 2px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.carousel .panel .paging #numbers a:hover {
	background:url(../images/pagination-but-over.png) no-repeat;
	text-decoration:none;
}
.carousel .panel .paging #numbers a.selected {
	background:url(../images/pagination-but-over.png) no-repeat;
}
.carousel .panel .details_wrapper {
	position:absolute;
	top:20px;
	left:25px;
	width: 225px;
	overflow:hidden;
	height: 200px;
}
.carousel .panel .details_wrapper .details {
	height: 200px;
}
.carousel .panel .details_wrapper .details .detail {
	width: 225px;
	height: 200px;
	float:left;
}
.carousel .panel .details_wrapper .details h2 {
	font-size: 1.9em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
}
.carousel .panel .details_wrapper .details a.more {
	color: #fff;
	font-size:1.1em;
}
/* END CAROUSEL */


/* Banner Section */
/* content Section */
#content {
	width:980px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	background-color:#FFF;
	text-align:left;
	padding:0;
}
#content .content-box {
	margin:0px 11px;
	float:left;
	width:304px;
	height:auto;
	overflow:hidden;
	padding:0px;
}
#content .content-box .con-top {
	width:304px;
	height:3px;
	background:url(../images/box-grd-bg-top.jpg) repeat-x;
}
#content .content-box .con-bottom {
    cursor: pointer;
	width:278px;
	padding: 0px 12px;
	height:auto;
	overflow:hidden;
	background:url(../images/box-grd-bg.jpg) repeat-x bottom;
	border-bottom:1px solid #e4f4fd;
	border-right:1px solid #e4f4fd;
	border-left:1px solid #e4f4fd;
}
#content .con-bottom-client-owner {
	width:238px;
	height:auto;
	overflow:hidden;
	background:url(../images/client-owner-sidebar-b.png) repeat-x bottom;
	border-bottom:1px solid #e4f4fd;
	border-right:1px solid #e4f4fd;
	border-left:1px solid #e4f4fd;
}
#content .con-bottom-client-owner .heading-margin {
	margin-left:12px;
}
#content .content-box .con-bottom-client-owner .margin{ padding:0 23px; }
#content .left-box {
	margin:0px 18px 0px 11px;
	float:left;
	width:240px;
	height:auto;
	overflow:hidden;
	padding:0px;
}
/*----- categories side bar --------*/

#content .left-box  li {
	 border-top:dotted 1px #c6c6c7; line-height:33px; padding:0 12px;
}
#content .left-box  li:hover {
	  background-image:url(../images/li-hover-img.png); width:236px; height:33px; color:#32809a; cursor:pointer; font-weight:bold;
}


/*----- categories side bar --------*/
#content .left-box .con-top {
	height:3px;
	background:url(../images/box-grd-bg-top.jpg) repeat-x;
}
#content .left-box .con-bottom {
	padding: 0px 12px;
	height:auto;
	overflow:hidden;
	background:url(../images/box-grd-bg.jpg) repeat-x bottom;
	border-bottom:1px solid #e4f4fd;
	border-right:1px solid #e4f4fd;
	border-left:1px solid #e4f4fd;
}
#content .left-box .con-bottom .box-det {
	margin:2px auto;
	height:auto;
	overflow:hidden;
	padding:5px 0px;
	border-bottom:1px dashed #89addd;
}
#content .left-box .con-bottom .box-det .l-text {
	width:100px;
	height:auto;
	overflow:hidden;
	float:left;
	font-weight:bold;
}
#content .left-box .con-bottom .box-det .r-text {
	width:110px;
	height:auto;
	overflow:hidden;
	float:left;
}
#content .right-content {
	float:left;
	width:697px;
}
.abt_img { width:220px; height:auto; overflow:hidden; float:right; margin:0 0 0 15px;}
.abt_img img{ border:3px solid #e5e5e5;}
#content .right-content p {
	line-height:22px;
	padding:5px 0px;
}
.para-high{color:#32809a;}
#content h1 {
	font-size:28px;
	color:#32809a;
	padding:6px 0 13px 15px;
}
#content h2 {
	font-size:28px;
	color:#32809a;
	padding:6px 0 13px 0;
}
#content h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#0a617e;
	padding:6px 0 13px 0;
}
.img-pad {
	padding:0px 10px 0px 0px;
}
#content .content-box .abt-img {
	text-align:center;
	margin-bottom:10px;
}
#content .content-box .abt-con {
	line-height:18px;
	color:#666666;
	font-size:12px;
}
#content .content-box .gallery-img {
	height:auto;
	overflow:hidden;
	width:100%;
}
#content .content-box .gallery-img img {
	float:left;
	padding:7px 4px;
}
#content .content-box .latestnews {
	line-height:22px;
	color:#333333;
	background:url(../images/news-bg.png) bottom no-repeat;
	padding:10px 0px;
	margin-bottom:16px;
}
#content .content-box .list, #onecolumn-content .list {
    height: auto;
    margin: 0 0 22px;
    overflow: hidden;
    width: 290px;
}
#content .content-box .list ul, #onecolumn-content .list ul{
	width:290px;
	height:auto;
	overflow:hidden;
}
#content .content-box .list ul li, #onecolumn-content .list ul li {
    background-image: url("../images/icon-arrow-off.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    color: #000000;
    line-height: 24px;
    padding: 0 0 0 18px;
}
#content .read-more {
	background:url(../images/read-more-on.png) no-repeat left;
	padding:5px;
	margin:10px 0px 5px 0px;
	width:60px;
}
#content .read-more:hover {
	background:url(../images/read-more-over.png) no-repeat left;
	padding:5px;
}
#content .read-more a {
	text-decoration:none;
	color:#FFF;
}
#content .read-more a:hover {
	text-decoration:none;
	color:#FFF;
}
/* content Section */

/* Footer Section */
#footer {
	margin:0px auto;
	padding-bottom:20px;
	width:980px;
	height:auto;
	overflow:hidden;
}
#footer .bottom-left {
	float:left;
	background:url(../images/footer-curve-left.png) left no-repeat;
	width:10px;
	height:41px;
}
#footer .bottom-mid {
	float:left;
	background:url(../images/footer-bg.jpg) repeat-x;
	width:960px;
	height:41px;
	font-size:11px;
	color:#999999;
}
#footer .bottom-mid .b-links {
	float:left;
	height:auto;
	overflow:hidden;
	width:600px;
	margin:13px 0px;
}
#footer .bottom-mid .b-links a {
	color:#999999;
	padding:0px 2px;
	text-decoration:none;
}
#footer .bottom-mid .b-links a:hover {
	color:#999999;
	padding:0px 2px;
	text-decoration:underline;
}
#footer .bottom-mid .copy-links {
	float:right;
	text-align:right;
	height:auto;
	overflow:hidden;
	width:300px;
	margin:6px 0px;
}
#footer .bottom-right {
	float:left;
	background:url(../images/footer-curve-right.png) right no-repeat;
	width:10px;
	height:41px;
}
/* Footer Section */

/* Login Section */
h5 {
	font-size:22px;
	color:#0a617e;
	padding:6px 0 13px 0;
}
h5 span { color:#5c5c5c; }

#inner-banner {
	width:960px;
	height:210px;
	margin:0px auto 5px auto;
	background:url(../images/inner-page-banner.png) no-repeat;
}
#inner-banner .page-nav{ padding:3px; text-align:left;color:#32809a; width:700px; float:left; }
#inner-banner .page-nav a{ color:#000; text-decoration:none; }
#inner-banner .page-nav a:hover{ color:#000; text-decoration:underline;}
#inner-banner .page-nav img{ width:6px; height:6px; margin:1px 5px;}
#banner h4 {
	font-size:38px;
	color:#24c8ff;
	padding:6px 0 13px 0;
	line-height:50px;
}
.fea-pro {
	line-height:16px;
	color:#333333;
    cursor:pointer;    
	background:url(../images/recent-project.png) bottom no-repeat;
	padding:1px 0px 15px 0px;
	margin-bottom:20px;
    min-height:60px;    
}
.fea-pro img {
	width:65px;
	height:49px;
	margin-right:10px;
	float:left;
}
.title {
	background:url(../images/inner-page-title.png) repeat-y; margin-bottom:20px;
}
#login-section {
    background-color: #f0f9fe;
    border: 2px solid #317e98;
    padding: 30px 5px 0px 15px;
	height:auto;
	overflow:hidden;
}
#login-section .login-text {
    color:#32809A;
	float:left;
    font-weight:bold;
	padding:10px 0px;
    text-align:left;
	width:160px;
}
#login-section .login-text span {
	color:#F00;
}
#login-section .login-option{width:300px;
	float:left;
	padding:10px 0px;
	margin-bottom:20px;}
#login-section .login-input {
	width:209px;
	float:left;
	height:34px;
	margin-bottom:20px;
	background:url(../images/select-box-bg.png) no-repeat;
	margin-right:10px;
}
#login-section .login-input {
	width:209px;
	float:left;
	height:34px;
	margin-bottom:20px;
	background:url(../images/select-box-bg.png) no-repeat;
}
#login-section .project-overview {
	float:left;
	margin-bottom:20px;
}
#login-section .login-input input[type="text"], #login-section .login-input input[type="password"] {
	width:201px;
	height:34px;
	padding:0px 4px;
	border:none;
	background:url(../images/text-box-bg.png) no-repeat;
	margin-bottom:5px;
}
#login-section .login-input select {
	width:196px;
	margin:8px 4px;
	border:none;
	background:transparent;
	margin-bottom:5px;
}
.log-button {
	/*width:300px;*/
	float:left;
	height:34px;
	margin-bottom:20px;
}
/* ----- project page button ----- */
.project-button {
	width:237px;
	float:right;
	height:34px;
	margin-bottom:20px;
}
/* ----- project page button ----- */
.read-con{ width:85px; height:22px; float:left; margin:-10px 0px 10px 0px;}
/* Read More inner page */	
.read_more a {
	text-decoration:none;
	color:#FFF;
}
.read_more a:hover {
	text-decoration:none;
}
.read_more {
	padding: 3px 6px 0 0;
	width:81px;
	height:24px;
	line-height:25px;
	margin-right:5px;
	font-size:13px;
	text-decoration:none;
	text-align: center;
	background:url(../images/btn_blue_sprite.gif) no-repeat right -65px;
}
.read_more span {
	font-size:13px;
	line-height:24px;
	padding: 7px 0 2px 15px;
	height:19px;
	text-decoration:none;
	background: transparent url(../images/btn_blue_sprite.gif) no-repeat left top;
	color:#fff;
}
.read_more:hover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -98px;
}
.read_more:hover span {
	background-position: 0 -34px;
}
/* REQUIRED BUTTON STYLES: */		
button {
	position: relative;
	border: 0;
	padding: 0;
	height:24px;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
 button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
}
button span {
	position: relative;
	display: block;
	white-space: nowrap;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
 margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn {
	padding: 0 15px 0 0;
	margin-right:5px;
	font-size:2em;
	text-align: center;
	background:url(../images/btn_blue_sprite.gif) no-repeat right -65px;
}
button.submitBtn span {
	font-size:13px;
	padding: 5px 0 0 15px;
	height:19px;
	background: transparent url(../images/btn_blue_sprite.gif) no-repeat left top;
	color:#fff;
}
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -98px;
}
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -34px;
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.resetBtn {
	padding: 0 15px 0 0;
	margin-right:5px;
	font-size:2em;
	text-align: center;
	background:url(../images/btn_grey_sprite.gif) no-repeat right -65px;
}
button.resetBtn span {
	font-size:13px;
	padding: 5px 0 0 15px;
	height:19px;
	background: transparent url(../images/btn_grey_sprite.gif) no-repeat left top;
	color:#000;
}
button.resetBtn:hover, button.resetBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -98px;
}
button.resetBtn:hover span, button.resetBtnHover span {
	background-position: 0 -34px;
}

/* gallery inner page */
#gallery { margin:0; }
#gallery .gallery-area { height:auto; overflow:hidden; }
#gallery .gallery-area li { list-style-type:none; } 
#gallery .gallery-area li .image { float:left; margin-right:15px; } 
#gallery .gallery-area li .image img { border:3px solid #e5e5e5; cursor:pointer; }
#gallery .gallery-area li .right { width:438px; float:right; }
#gallery .gallery-area li .right .gallery-thumb { margin-top:5px; }
#gallery .gallery-area li .right .gallery-thumb img { border:2px solid #e5e5e5; margin-right:10px; cursor:pointer; }
/* under line */
#gallery .under-line { background-image:url(../images/gallery-underline.png); width:100%; height:1px; background-repeat:repeat-x; margin:23px 0; }
/* under line */
/* gallery inner page */

/* feedback inner page */
#login-section .textarea {
	width:577px; height:153px; background-image:url(../images/feedback-textarea.png); border:medium none; padding:5px; margin-bottom:19px;
}
#login-section .textarea-button {
	padding:10px 0px;
	width:433px;
	float:left;
}
/* feedback inner page */

/* project inner page */
table { border-collapse:collapse; }
td { font-size:12px; padding:10px 0px; border:none; text-align:center; }
.head-border { border-right:1px solid #fff; text-align:center; font-weight:bold; }
.pagination { width:252px; float:right; margin-top:20px; }

/* project inner page */

/* One Column Content */
#onecolumn-content {
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	background-color:#FFF;
	text-align:left;
	padding:0;
}

#onecolumn-content h2 {
	font-size:28px;
	color:#32809a;
	padding:6px 0 13px 15px;
}
.onecolumn-title {
	background:url(../images/onecolumn-heading-bg.png); margin-bottom:20px;
}

#onecolumn-content .text-area { background-image:url(../images/project-document-textarea.gif); width:319px; height:94px; border:medium none; margin-bottom:20px; padding:5px; }
#onecolumn-content .contact-para { color:#32809a; font-weight:bold; margin-bottom:20px; }
#onecolumn-content .left { width:358px; float:left; height:auto; overflow:hidden; }
#onecolumn-content .left p { line-height:22px; }
#onecolumn-content .right { width:520px; float:right; height:auto; overflow:hidden; }
/* contractor view page */
#onecolumn-content .content-area { border:1px solid #d1d1d1; padding:4px; height:auto; overflow: hidden; }
#onecolumn-content .left-td { color:#32809a; font-weight:bold; vertical-align: top; background-color:#e8f6fd; border-bottom:1px solid #fff; border-left:none; border-right:none; border-top:none; }
#onecolumn-content .right-td { text-align:left; padding-left:10px; border-bottom:1px solid #e5e5e5; border-left:none; border-right:none; border-top:none; }
#onecolumn-content .right-td-bottom { border: none; text-align:left; padding-left:10px; }
#onecolumn-content .img { border:3px solid #e5e5e5; }
/* contractor view page */
.float-right { margin-top:10px; float:right; }
#onecolumn-content .project-list { margin-bottom:10px; float:right; }
/* Project List page */
#onecolumn-content .project-list-page { width:100%; }
#onecolumn-content .project-list-page .td-head { background-color:#e5e5e5; border-right:1px solid #fff; font-weight:bold; text-align:center; }
#onecolumn-content .project-list-page .td-head-right { background-color:#e5e5e5; border-right:medium none; font-weight:bold; text-align:center; }
#onecolumn-content .project-list-page .td-column { border-right:none; vertical-align:top }
#onecolumn-content .project-list-page .td-column .inner-table { margin:0; padding:0; border:medium none; vertical-align:top; color:#32809a;}
#onecolumn-content .project-list-page .td-column table { margin:auto; }
#onecolumn-content .project-list-page .td-column .inner-table-right { margin:0; border:medium none; padding-top:0px; padding-right:10px; vertical-align:top; text-decoration:underline; cursor:pointer; }
/* Project List page */

/* Builders about us page */
#onecolumn-content .about-left { float:left; width:686px; margin-left:20px; }
#onecolumn-content .about-left p { margin-bottom:15px; }
#onecolumn-content .about-right { float:right; width:227px; }
/* Builders about us page */

.projects-odd { background-color:#f7f7f7; border-bottom:1px solid #e1e1e1; height:24px; padding:10px; }
.projects-odd span { color:#32809a; text-decoration:underline; cursor:pointer; }
.projects .img { margin:5px 0 0 5px; }
.projects-even { background-color:#fff; border-bottom:1px solid #e1e1e1; height:24px; padding:10px; }
.projects-even span { color:#32809a; text-decoration:underline; cursor:pointer; }

/* One Column Content */

.error { border: 1px solid red; margin-bottom: 20px; }
.error p { background-color: #fee; color: red; padding: 3px; }

.category-title { background:url(../images/imgs-bar.jpg) no-repeat; height:39px; padding-left:10px; padding-top:15px; color:#32809a; }
/*Construction Begin*/
#onecolumn-content .construction-list-page { width:100%; }

#onecolumn-content .construction-list-page .bgs-title {
	background:url(../images/bgs-title.jpg);
	background-repeat:no-repeat;
    color: #32809A;
    font-size: 28px; 
	margin-bottom:20px;
	height:45px;
    text-align: left;
}
#onecolumn-content .construction-list-page h1 {
    color: #32809A;
    font-size: 28px;
    padding: 15px;
}
.tab { border-collapse:collapse; }
.brd-without { padding:5px; border:1px solid #ffffff; }
/*Construction End*/